<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/lunbo.css">
    <link rel="stylesheet" href="css/slider.css">
</head>

<body>
    <div id="nav5">
        <input type="text">

    </div>
    <header>
        <div class="top">
            <div class="container">
                <p class="fl">乐购www.legou.com</p>
                <p class="fr">欢迎光临乐购,请
                    <a href="login.html">登录|</a>
                    <a href="register.html">注册</a>
                </p>
            </div>
        </div>

        <div class="nav container">
            <div class="logo fl">
                <img src="images/webp.webp">
            </div>
            <div class="shop fr">
                <input type="text">
                <img src="images/look.png">
                <div class="myshop">我的订单</div>
                <div class="shopping">
                    <img src="images/shopping.png">
                    <span id="goshopping">购物车　3</span>
                </div>

            </div>
            <p class="navs fr container">
                <a href="">图书</a>
                <a href="">电子书</a>
                <a href="">原创文学</a>
                <a href="">服装</a>
                <a href="">运动户外</a>
                <a href="">孕婴童</a>
                <a href="">家居</a>
                <a href="">创意文具</a>
                <a href="">地方特产</a>
                <a href="">海外购</a>
                <a href="">电器城</a>
            </p>
        </div>
        <div id="banner">
            <div class="banner1">

                <div class="container nav3">

                    <div id="nav2" class="fl">
                        <ul>
                            <li>
                                <a href="">图书</a>
                                <a href="">电子书</a>
                                <a href="">童书</a>
                            </li>
                            <li>
                                <a href="">女装</a>
                                <a href="">男装</a>
                                <a href="">内衣</a>
                            </li>
                            <li>
                                <a href="">童装玩具</a>
                                <a href="">孕装</a>
                                <a href="">用品</a>
                            </li>
                            <li>
                                <a href="">家电</a>
                                <a href="">数码</a>
                                <a href="">手机</a>
                            </li>
                            <li>
                                <a href="">美妆</a>
                                <a href="">洗护</a>
                                <a href="">保健品</a>
                            </li>
                            <li>
                                <a href="">图书</a>
                                <a href="">电子书</a>
                                <a href="">童书</a>
                            </li>
                            <li>
                                <a href="">图书</a>
                                <a href="">电子书</a>
                                <a href="">童书</a>
                            </li>
                            <li>
                                <a href="">图书</a>
                                <a href="">电子书</a>
                                <a href="">童书</a>
                            </li>
                            <li>
                                <a href="">图书</a>
                                <a href="">电子书</a>
                                <a href="">童书</a>
                            </li>
                            <li>
                                <a href="">图书</a>
                                <a href="">电子书</a>
                                <a href="">童书</a>
                            </li>
                            <li>
                                <a href="">图书</a>
                                <a href="">电子书</a>
                                <a href="">童书</a>
                            </li>
                            <li>
                                <a href="">图书</a>
                                <a href="">电子书</a>
                                <a href="">童书</a>
                            </li>
                            <li>
                                <a href="">图书</a>
                                <a href="">电子书</a>
                                <a href="">童书</a>
                            </li>
                        </ul>
                        <div id="nav4">
                            <ul>
                                <li>
                                    <a href="">图书</a>
                                    <a href="">电子书</a>
                                    <a href="">童书</a>
                                    <a href="">童书</a>
                                    <a href="">童书</a>
                                </li>
                                <li>
                                    <a href="">女装</a>
                                    <a href="">男装</a>
                                    <a href="">童书</a>
                                    <a href="">童书</a>
                                    <a href="">内衣</a>
                                </li>
                                <li>
                                    <a href="">童装玩具</a>
                                    <a href="">童书</a>
                                    <a href="">孕装</a>
                                    <a href="">童书</a>
                                    <a href="">用品</a>
                                </li>
                                <li>
                                    <a href="">童书</a>
                                    <a href="">家电</a>
                                    <a href="">数码</a>
                                    <a href="">童书</a>
                                    <a href="">手机</a>
                                </li>
                                <li>
                                    <a href="">美妆</a>
                                    <a href="">童书</a>
                                    <a href="">洗护</a>
                                    <a href="">保健品</a>
                                    <a href="">童书</a>
                                </li>
                                <li>
                                    <a href="">图书</a>
                                    <a href="">电子书</a>
                                    <a href="">童书</a>
                                    <a href="">童书</a>
                                    <a href="">童书</a>
                                </li>
                                <li>
                                    <a href="">图书</a>
                                    <a href="">童书</a>
                                    <a href="">电子书</a>
                                    <a href="">童书</a>
                                    <a href="">童书</a>
                                </li>
                                <li>
                                    <a href="">图书</a>
                                    <a href="">童书</a>
                                    <a href="">电子书</a>
                                    <a href="">童书</a>
                                    <a href="">童书</a>
                                </li>
                                <li>
                                    <a href="">图书</a>
                                    <a href="">童书</a>
                                    <a href="">电子书</a>
                                    <a href="">童书</a>
                                    <a href="">童书</a>
                                </li>
                                <li>
                                    <a href="">图书</a>
                                    <a href="">童书</a>
                                    <a href="">电子书</a>
                                    <a href="">童书</a>
                                    <a href="">童书</a>
                                </li>
                                <li>
                                    <a href="">童书</a>
                                    <a href="">图书</a>
                                    <a href="">电子书</a>
                                    <a href="">童书</a>
                                    <a href="">童书</a>
                                </li>
                                <li>
                                    <a href="">童书</a>
                                    <a href="">图书</a>
                                    <a href="">电子书</a>
                                    <a href="">童书</a>
                                    <a href="">童书</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div id="bg" class="fl">
                        <div class="pptbox" id="bannerInner">
                            <!--轮播的内容-->
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="images/banner1.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner2.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="images/banner5.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <!--数字控制器-->
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <!--按钮控制器-->
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="ms container">
        <img src="images/ms1.jpg" style="margin-right: 20px;">
        <img src="images/ms2.jpg" style="margin-right: 20px;">
        <img src="images/ms3.jpg" style="margin-right: 20px;">
        <img src="images/ms1.jpg">
        <div class="streamer ">
            <img src="images/streamer.png">
        </div>
        <div id="times">
            <div>
                <p id="hour">00</p>
                <span>:</span>
                <p id="minute">00</p>
                <span>:</span>
                <p id="second">00</p>
            </div>
        </div>
        <div class="seckill">
            <div class="xiaomi">
                <img src="images/xiaomi.jpg">
                <h3>小米小爱音箱 Play</h3>
                <p>￥129.00
                    <span>￥230.00</span>
                </p>
            </div>
            <div class="xiaomi">
                <img src="images/xiaomi.jpg">
                <h3>小米小爱音箱 Play</h3>
                <p>￥129.00
                    <span>￥230.00</span>
                </p>
            </div>
            <div class="xiaomi">
                <img src="images/xiaomi.jpg">
                <h3>小米小爱音箱 Play</h3>
                <p>￥129.00
                    <span>￥230.00</span>
                </p>
            </div>
            <div class="xiaomi">
                <img src="images/xiaomi.jpg">
                <h3>小米小爱音箱 Play</h3>
                <p>￥129.00
                    <span>￥230.00</span>
                </p>
            </div>
        </div>
    </div>
    <div class="recommend">
        <div class="container">
            <img src="">
            <h2>每日好货推荐</h2>
            <div class="bor"></div>
            <div class="recommend1 fl">
                <h3>
                    <span>乐购快抢</span> · 美好生活抢先到</h3>
                <p>品质好物 天天低价 >></p>
                <img src="images/01_03.jpg">
                <img src="images/02_05.jpg">
                <img src="images/03_07.jpg">
            </div>
            <div class="recommend2 fl">
                <h3>
                    <span>品牌活动</span> · 最后疯抢 3折封顶</h3>
                <p>150+品牌疯抢中 >></p>
                <img src="images/04_09.jpg">
                <img src="images/05_11.jpg">
                <img src="images/06_13.jpg">
            </div>
        </div>
    </div>
    <main>
        <div class="acc container cf">
            <h2>服 装 配 饰</h2>
            <div class="clothing fr">
                <a href="">热销内衣</a>
                <a href="">精品男装</a>
                <a href="">童装</a>
            </div>
            <div class="option ">
                <div class="accbt fl">
                    <img src="images/accbtn_25.jpg">
                    <div class="accbtn">
                        <button type="button">女 装</button>
                        <button type="button">内衣</button>
                        <button type="button">泳衣</button>
                        <button type="button">功能箱包</button>
                        <button type="button">户外运动</button>
                        <button type="button">男装</button>
                        <button type="button">女鞋</button>
                        <button type="button">男鞋</button>
                        <button type="button">全部分类</button>
                    </div>
                </div>
            </div>
            <div id="carousel" class="fl">
                <div class="swiper-contione">
                    <div class="swiper" style="transform: translateX(-1200px);">
                        <div class="swiper-item">
                            <img src="images/timg.jpg">
                            <p>这是第一</p>
                        </div>
                        <div class="swiper-item">
                            <img src="images/timg (1).jpg">
                            <p>这是第二</p>
                        </div>
                        <div class="swiper-item">
                            <img src="images/timg (2).jpg">
                            <p>这是第三</p>
                        </div>
                        <div class="swiper-item">
                            <img src="images/timg.jpg">
                            <p>这是第四</p>
                        </div>
                    </div>
                    <div class="swiper-point">
                        <div class="swiper-point-item">
                            <div class="point"></div>
                            <div class="point"></div>
                            <div class="point active"></div>
                            <div class="point"></div>
                        </div>
                    </div>
                    <div class="swiper-left">
                        <img src="images/left.png">
                    </div>
                    <div class="swiper-right">
                        <img src="images/right.png">
                    </div>
                </div>
            </div>
            <div class="igs fr">
                <h3>时尚精致女装</h3>
                <p>春夏女装99选3</p>
                <img src="images/igs1.jpg">
            </div>
            <div class="igs fr">
                <h3>大牌品质鞋包</h3>
                <p>大牌鞋包不止5折</p>
                <img src="images/igs2.jpg">
            </div>
            <div class="igs fr">
                <h3>魅力舒适内衣</h3>
                <p>CK文胸买2免1</p>
                <img src="images/igs3.jpg">
            </div>
            <div class="igs fr">
                <h3>型格潮流男装</h3>
                <p>阿玛尼低至3折</p>
                <img src="images/igs4.jpg">
            </div>
            <div class="igs2 fl">
                <img src="images/22_28.jpg">
            </div>
        </div>
        <div class="bgbox1 container">
            <img src="images/logo11.jpg">
            <img src="images/logo13_11.jpg">
            <img src="images/logo13_13.jpg">
            <img src="images/logo13_14.jpg">
            <img src="images/logo13_15.jpg">
            <img src="images/logo13_16.jpg">
            <img src="images/logo13_17.jpg">
            <img src="images/logo18.jpg">
            <img src="images/logo19.jpg">
        </div>
        </div>
        <div class="acc2 container cf">
            <h2>服 装 配 饰</h2>
            <div class="clothing2 fr">
                <a href="">热销内衣</a>
                <a href="">精品男装</a>
                <a href="">童装</a>
            </div>
            <div class="option ">
                <div class="accbt fl">
                    <img src="images/accbtn_25.jpg">
                    <div class="accbtn">
                        <button type="button">女 装</button>
                        <button type="button">内衣</button>
                        <button type="button">泳衣</button>
                        <button type="button">功能箱包</button>
                        <button type="button">户外运动</button>
                        <button type="button">男装</button>
                        <button type="button">女鞋</button>
                        <button type="button">男鞋</button>
                        <button type="button">全部分类</button>
                    </div>
                </div>
            </div>
            <div id="carousel" class="fl">
                <div class="swiper-contione">
                    <div class="swiper" style="transform: translateX(-1200px);">
                        <div class="swiper-item">
                            <img src="images/timg.jpg">
                            <p>这是第一</p>
                        </div>
                        <div class="swiper-item">
                            <img src="images/timg (1).jpg">
                            <p>这是第二</p>
                        </div>
                        <div class="swiper-item">
                            <img src="images/timg (2).jpg">
                            <p>这是第三</p>
                        </div>
                        <div class="swiper-item">
                            <img src="images/timg.jpg">
                            <p>这是第四</p>
                        </div>
                    </div>
                    <div class="swiper-point">
                        <div class="swiper-point-item">
                            <div class="point"></div>
                            <div class="point"></div>
                            <div class="point active"></div>
                            <div class="point"></div>
                        </div>
                    </div>
                    <div class="swiper-left">
                        <img src="images/left.png">
                    </div>
                    <div class="swiper-right">
                        <img src="images/right.png">
                    </div>
                </div>
            </div>
            <div class="igs fr">
                <h3>时尚精致女装</h3>
                <p>春夏女装99选3</p>
                <img src="images/igs1.jpg">
            </div>
            <div class="igs fr">
                <h3>大牌品质鞋包</h3>
                <p>大牌鞋包不止5折</p>
                <img src="images/igs2.jpg">
            </div>
            <div class="igs fr">
                <h3>魅力舒适内衣</h3>
                <p>CK文胸买2免1</p>
                <img src="images/igs3.jpg">
            </div>
            <div class="igs fr">
                <h3>型格潮流男装</h3>
                <p>阿玛尼低至3折</p>
                <img src="images/igs4.jpg">
            </div>
            <div class="igs2 fl">
                <img src="images/22_28.jpg">
            </div>
        </div>
        <div class="bgbox1 container">
            <img src="images/logo11.jpg">
            <img src="images/logo13_11.jpg">
            <img src="images/logo13_13.jpg">
            <img src="images/logo13_14.jpg">
            <img src="images/logo13_15.jpg">
            <img src="images/logo13_16.jpg">
            <img src="images/logo13_17.jpg">
            <img src="images/logo18.jpg">
            <img src="images/logo19.jpg">
        </div>
        </div>
        <div class="acc3 container cf">
            <h2>服 装 配 饰</h2>
            <div class="clothing3 fr">
                <a href="">热销内衣</a>
                <a href="">精品男装</a>
                <a href="">童装</a>
            </div>
            <div class="option ">
                <div class="accbt fl">
                    <img src="images/accbtn_25.jpg">
                    <div class="accbtn">
                        <button type="button">女 装</button>
                        <button type="button">内衣</button>
                        <button type="button">泳衣</button>
                        <button type="button">功能箱包</button>
                        <button type="button">户外运动</button>
                        <button type="button">男装</button>
                        <button type="button">女鞋</button>
                        <button type="button">男鞋</button>
                        <button type="button">全部分类</button>
                    </div>
                </div>
            </div>
            <div id="carousel" class="fl">
                <div class="swiper-contione">
                    <div class="swiper" style="transform: translateX(-1200px);">
                        <div class="swiper-item">
                            <img src="images/timg.jpg">
                            <p>这是第一</p>
                        </div>
                        <div class="swiper-item">
                            <img src="images/timg (1).jpg">
                            <p>这是第二</p>
                        </div>
                        <div class="swiper-item">
                            <img src="images/timg (2).jpg">
                            <p>这是第三</p>
                        </div>
                        <div class="swiper-item">
                            <img src="images/timg.jpg">
                            <p>这是第四</p>
                        </div>
                    </div>
                    <div class="swiper-point">
                        <div class="swiper-point-item">
                            <div class="point"></div>
                            <div class="point"></div>
                            <div class="point active"></div>
                            <div class="point"></div>
                        </div>
                    </div>
                    <div class="swiper-left">
                        <img src="images/left.png">
                    </div>
                    <div class="swiper-right">
                        <img src="images/right.png">
                    </div>
                </div>
            </div>
            <div class="igs fr">
                <h3>时尚精致女装</h3>
                <p>春夏女装99选3</p>
                <img src="images/igs1.jpg">
            </div>
            <div class="igs fr">
                <h3>大牌品质鞋包</h3>
                <p>大牌鞋包不止5折</p>
                <img src="images/igs2.jpg">
            </div>
            <div class="igs fr">
                <h3>魅力舒适内衣</h3>
                <p>CK文胸买2免1</p>
                <img src="images/igs3.jpg">
            </div>
            <div class="igs fr">
                <h3>型格潮流男装</h3>
                <p>阿玛尼低至3折</p>
                <img src="images/igs4.jpg">
            </div>
            <div class="igs2 fl">
                <img src="images/22_28.jpg">
            </div>
        </div>
        <div class="bgbox1 container">
            <img src="images/logo11.jpg">
            <img src="images/logo13_11.jpg">
            <img src="images/logo13_13.jpg">
            <img src="images/logo13_14.jpg">
            <img src="images/logo13_15.jpg">
            <img src="images/logo13_16.jpg">
            <img src="images/logo13_17.jpg">
            <img src="images/logo18.jpg">
            <img src="images/logo19.jpg">
        </div>
        </div>
        <div class="acc4 container cf">
            <h2>服 装 配 饰</h2>
            <div class="clothing4 fr">
                <a href="">热销内衣</a>
                <a href="">精品男装</a>
                <a href="">童装</a>
            </div>
            <div class="option ">
                <div class="accbt fl">
                    <img src="images/accbtn_25.jpg">
                    <div class="accbtn">
                        <button type="button">女 装</button>
                        <button type="button">内衣</button>
                        <button type="button">泳衣</button>
                        <button type="button">功能箱包</button>
                        <button type="button">户外运动</button>
                        <button type="button">男装</button>
                        <button type="button">女鞋</button>
                        <button type="button">男鞋</button>
                        <button type="button">全部分类</button>
                    </div>
                </div>
            </div>
            <div id="carousel" class="fl">
                <div class="swiper-contione">
                    <div class="swiper" style="transform: translateX(-1200px);">
                        <div class="swiper-item">
                            <img src="images/timg.jpg">
                            <p>这是第一</p>
                        </div>
                        <div class="swiper-item">
                            <img src="images/timg (1).jpg">
                            <p>这是第二</p>
                        </div>
                        <div class="swiper-item">
                            <img src="images/timg (2).jpg">
                            <p>这是第三</p>
                        </div>
                        <div class="swiper-item">
                            <img src="images/timg.jpg">
                            <p>这是第四</p>
                        </div>
                    </div>
                    <div class="swiper-point">
                        <div class="swiper-point-item">
                            <div class="point"></div>
                            <div class="point"></div>
                            <div class="point active"></div>
                            <div class="point"></div>
                        </div>
                    </div>
                    <div class="swiper-left">
                        <img src="images/left.png">
                    </div>
                    <div class="swiper-right">
                        <img src="images/right.png">
                    </div>
                </div>
            </div>
            <div class="igs fr">
                <h3>时尚精致女装</h3>
                <p>春夏女装99选3</p>
                <img src="images/igs1.jpg">
            </div>
            <div class="igs fr">
                <h3>大牌品质鞋包</h3>
                <p>大牌鞋包不止5折</p>
                <img src="images/igs2.jpg">
            </div>
            <div class="igs fr">
                <h3>魅力舒适内衣</h3>
                <p>CK文胸买2免1</p>
                <img src="images/igs3.jpg">
            </div>
            <div class="igs fr">
                <h3>型格潮流男装</h3>
                <p>阿玛尼低至3折</p>
                <img src="images/igs4.jpg">
            </div>
            <div class="igs2 fl">
                <img src="images/22_28.jpg">
            </div>
        </div>
        <div class="bgbox1 container">
            <img src="images/logo11.jpg">
            <img src="images/logo13_11.jpg">
            <img src="images/logo13_13.jpg">
            <img src="images/logo13_14.jpg">
            <img src="images/logo13_15.jpg">
            <img src="images/logo13_16.jpg">
            <img src="images/logo13_17.jpg">
            <img src="images/logo18.jpg">
            <img src="images/logo19.jpg">
        </div>
        </div>
    </main>
    <footer>
        <div class="sponsor">
            <div class="sponsorbox container">
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spanor1.jpg">
                    <h3>正品保障</h3>
                    <p>正品行货 放心选购</p>
                </div>
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spansor2.jpg">
                    <h3>满86包邮</h3>
                    <p>满86元 免运费</p>
                </div>
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spansor3.jpg">
                    <h3>售后无忧</h3>
                    <p>7天无理由退货</p>
                </div>
                <div class="sponsors">
                    <img src="images/spansor4.jpg">
                    <h3>准时送达</h3>
                    <p>收货时间由你做主</p>
                </div>
            </div>
            <div class="container">
                <div class="help">
                    <h3>新手入门</h3>
                    <p>购物流程</p>
                    <p>会员制度</p>
                    <p>订单查询</p>
                    <p>服务协议及隐私说明</p>
                    <p>网站地图</p>
                </div>
                <div class="help">
                    <h3>支付方式</h3>
                    <p>货到付款</p>
                    <p>网上支付</p>
                    <p>礼品卡支付 </p>
                    <p>其他支付</p>
                </div>
                <div class="help">
                    <h3>配送服务</h3>
                    <p>配送进度查询</p>
                    <p>商品验货与签收</p>
                </div>
                <div class="help">
                    <h3>相关规则</h3>
                    <p>平台规则</p>
                    <p>退换货政策</p>
                    <p>发票制度</p>
                    <p>帮助中心</p>
                </div>
                <div class="dimension">
                    <h3>App更加优惠</h3>
                    <img src="images/qryhd.png">
                </div>
                <div class="dimension">
                    <h3>加微信查订单</h3>
                    <img src="images/qryhd.png">
                </div>
            </div>
        </div>
        <div class="footrs container">
            <p>
                沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX
            </p>
            <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <div class="fimg">
                <img src="images/foot1.jpg">
                <img src="images/foot2.jpg">
                <img src="images/foot3.png">
                <img src="images/foot4.jpg">
                <img src="images/foot5.png">
                <img src="images/foot6.jpg">
            </div>
        </div>
    </footer>
    <div id="two">
        <p>下载App</p>
        <img src="images/qryhd.png" alt="">
        <div></div>
        <img src="images/noshopping.png" style="width: 24px;
        height: 22px ;margin-top: 10px">
        <span>购物车</span>
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/lunbo.js" type="text/javascript">
    </script>
    <script src="js/time.js"></script>
    <script src="js/slider.js"></script>
</body>

</html>